﻿@model RSSReader.WebClient.Models.HomePageModel

<link href="~/Content/HomePage.css" rel="stylesheet" />
<script src="~/Scripts/HomePage.js"></script>

<div style="height:100%;padding-top:30px;">
  <div style="display:inline-block;height:100%;width:200px;vertical-align:top;overflow:auto;" id="RSSReaderMenu">
    <div class="Source" onclick="SelectSource(this);">
      Tous
    </div>
    <ul id="SourceList">
      @foreach (var src in Model.Sources)
      {
        @Html.Partial("SourceListItem", src)
      }
    </ul>
    <div class="Source" onclick="GetUserFavorites(this);">Favoris</div>
    <br />
    <div>
      <input placeholder="Lien du nouveau flux rss" type="text" id="NewSourceLink" style="display:inline-block;width:calc(100% - 36px);" />
      <input type="button" value="+" style="display:inline-block;" onclick="AddSource();" id="AddSourceButton" />
      <img src="~/Images/ajax-loader.gif" id="SourceLoadingImage" style="display:none;" />
    </div>
    <div id="SourceMessageDisplay">
    </div>
  </div>

  <div style="display:inline-block;height:100%;width:calc(100% - 205px);vertical-align:top;overflow:auto;">
    <div style="text-align:center;display:none" id="FeedLoadingImage">
      <img src="~/Images/spinner_128_anti_alias.gif" />
    </div>
    <div id="RSSReaderFeedsContainer"></div>
  </div>
</div>